<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        select{
            width: 150px;
            height: 200px;

        }
    </style>
    <script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<div style="display: flex;justify-content: center;align-items: center">
    <select multiple id="leftSelect">
        <option>库里</option>
        <option>哈登</option>
        <option>乔丹</option>
        <option>詹姆斯</option>
        <option>利拉德</option>
    </select>
    <input type="button" value=">" onclick="$('#rightSelect').append($('#leftSelect option:selected'))">
    <input type="button" value=">>" onclick = "$('#rightSelect').append($('#leftSelect option'))">
    <input type="button" value="<">
    <input type="button" value="<<">

    <select id="rightSelect" multiple></select>
</div>
</body>
</html>